NIFI-14777 Restore capability from NiFi 1.x to view upstream/downstre… by markobean · Pull Request #11582 · apache/nifi

markobean · 2026-08-21T22:11:36Z

…am connections. View connections > upstream/downstream is available in the context menu from a variety of components: input/output ports, processors, process groups, remote process groups and funnels.

Summary

In NiFi 1.x, there was a context menu option for View Connections > upstream/downstream. This is available from any component, but it is particularly useful for input/output ports. The reason is that the connections to ports are not visible on the graph at the same level as the ports themselves. The user must go to the parent process group, and then there is ambiguity which connections are connected to which ports in cases where there are multiple connections and ports on the process group.

A key feature of the View Connections table is that each item in the table is clickable and will navigate to the selected component or connection.

Restoring this feature makes it far easier to navigate the graph and identify complex routing/connectivity issues in the flow.

NIFI-14777

Tracking

Please complete the following tracking steps prior to pull request creation.

Issue Tracking

Apache NiFi Jira issue created

Pull Request Tracking

Pull Request title starts with Apache NiFi Jira issue number, such as NIFI-00000
Pull Request commit message starts with Apache NiFi Jira issue number, as such NIFI-00000
Pull request contains commits signed with a registered key indicating Verified status

Pull Request Formatting

Pull Request based on current revision of the main branch
Pull Request refers to a feature branch with one commit containing changes

Verification

Verification was performed by interacting with the graph and testing a variety of scenarios including:

viewing connections from processors, input/output ports, process groups, remote process groups and funnels
disabling access to upstream and downstream connected components via access policies
renaming connected components to verify the View Connections table is updated similarly
clicking on each item in the View Connections table navigates to the selected component or connection

Build

Build completed using ./mvnw clean install -P contrib-check
- JDK 21
- JDK 25

Licensing

New dependencies are compatible with the Apache License 2.0 according to the License Policy
New dependencies are documented in applicable LICENSE and NOTICE files

Documentation

Documentation formatting appears as expected in rendered files

Freedom9339 · 2026-08-25T19:22:26Z

I tested the functionality of this and it looks good. The pop up window shows accurate connections and the buttons redirect to the appropriate component. I would suggest using different Icons for the context menu options so that the arrows are pointing up and down, to correspond with "Upstream" and "Downstream". Maybe slanted up/down arrows? Just a thought.

markobean · 2026-08-25T20:26:22Z

I tested the functionality of this and it looks good. The pop up window shows accurate connections and the buttons redirect to the appropriate component. I would suggest using different Icons for the context menu options so that the arrows are pointing up and down, to correspond with "Upstream" and "Downstream". Maybe slanted up/down arrows? Just a thought.

Thanks @Freedom9339. I updated the arrows, as suggested. The upstream context menu item shows an arrow pointing up and to the left, and downstream shows down and to the right. It's slightly more intuitive and looks good.

rfellows · 2026-09-10T17:26:40Z

Will review...

rfellows

Thanks for restoring View Connections. The effect/filter path and unauthorized/empty handling look directionally right, but this isn’t merge-ready yet.

Verified locally on this branch (npx nx test nifi --runInBand): 6 failed / 2,825 passed, all in component-connections-dialog.component.spec.ts. Lint and a development build passed.

Must-fix before merge:

The new dialog tests fail (empty mock store + assertions still targeting goTo() / a partial row shape).
Remote-port cells navigate with the port id and ComponentType.RemoteProcessGroup.
Source/Destination Process Group cells navigate to /process-groups/{groupId}/ProcessGroup/{groupId} when the endpoint is the group currently on the canvas.

The five-column clickable table is a reasonable UX, but it should follow the existing dialog listing-table pattern (bounded scroll, sticky header, striped rows) used by Local Changes and Change Version, and use <a> for in-cell navigation rather than mat-button.

rfellows · 2026-09-10T17:58:22Z

+                    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+                    <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>


Add the sticky header and striped rows used by other listing tables.

Suggested change

<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>

<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>

<tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>

<tr mat-row *matRowDef="let row; let even = even; columns: displayedColumns" [class.even]="even"></tr>

Sticky header was added. I attempted to add the striped rows with the even setting. I do not see it rendered though. I'll keep looking at it, but I'd appreciate insights you may have.

…am connections. View connections > upstream/downstream is available in the context menu from a variety of components: input/output ports, processors, process groups, remote process groups and funnels.

… items

…in the parent group to support port-to-port connection in sibling PGs Update table formatting with fixed header and scrollable

…to match current state of upstream/downstream dialog functionality; original was from a older implementation

…ature of remote port components

markobean · 2026-09-15T03:40:21Z

Thanks for restoring View Connections. The effect/filter path and unauthorized/empty handling look directionally right, but this isn’t merge-ready yet.

Verified locally on this branch (npx nx test nifi --runInBand): 6 failed / 2,825 passed, all in component-connections-dialog.component.spec.ts. Lint and a development build passed.

Must-fix before merge:

The new dialog tests fail (empty mock store + assertions still targeting goTo() / a partial row shape).

Remote-port cells navigate with the port id and ComponentType.RemoteProcessGroup.

Source/Destination Process Group cells navigate to /process-groups/{groupId}/ProcessGroup/{groupId} when the endpoint is the group currently on the canvas.

The five-column clickable table is a reasonable UX, but it should follow the existing dialog listing-table pattern (bounded scroll, sticky header, striped rows) used by Local Changes and Change Version, and use <a> for in-cell navigation rather than mat-button.

@rfellows Thanks for taking the time to review and catch a few things that needed attention.

I'm made numerous updates.

The tests were refactored completely. The original submission had tests leftover from the original implementation. They are now current and all pass with npx nx test nifi --runInBand.
Remote port components are no longer clickable in the table since they are not rendered on the local canvas.
Any source/destination process group which is the current process group is non-clickable
Table "buttons" were replaced with more native and elements.
Syntax for styles were updated.

pvillard31 added the ui Pull requests for work relating to the user interface label Aug 24, 2026

markobean force-pushed the NIFI-14777 branch from 0d9d316 to c56d29a Compare September 10, 2026 01:20

rfellows requested changes Sep 10, 2026

View reviewed changes

markobean added 7 commits September 14, 2026 23:25

NIFI-14777 Restore capability from NiFi 1.x to view upstream/downstre…

ca2ad55

…am connections. View connections > upstream/downstream is available in the context menu from a variety of components: input/output ports, processors, process groups, remote process groups and funnels.

NIFI-14777 update arrow direction on upstream/downstream context menu…

7ca30d8

… items

fix 1: remove <button> in favor of <a>

640f13e

make current process group non-navigable

6a42cdf

NIFI-14777 refactor PG ID/name selection to include possible peer PG …

27e1003

…in the parent group to support port-to-port connection in sibling PGs Update table formatting with fixed header and scrollable

NIFI-14777 refactored component-connections-dialog.copmonent.spec.ts …

fc1dd74

…to match current state of upstream/downstream dialog functionality; original was from a older implementation

NIFI-14777 updated functionality in dialog to remove the clickable fe…

5399070

…ature of remote port components

markobean force-pushed the NIFI-14777 branch from f2021e7 to 5399070 Compare September 15, 2026 03:33

NIFI-14777 fine tune presentation format of text in table

a0f0727

Navigation Menu

Uh oh!

NIFI-14777 Restore capability from NiFi 1.x to view upstream/downstre… - #11582

NIFI-14777 Restore capability from NiFi 1.x to view upstream/downstre…#11582
markobean wants to merge 8 commits into
apache:mainfrom
markobean:NIFI-14777

markobean commented Aug 21, 2026

Uh oh!

Freedom9339 commented Aug 25, 2026

Uh oh!

markobean commented Aug 25, 2026

Uh oh!

rfellows commented Sep 10, 2026

Uh oh!

rfellows left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

rfellows Sep 10, 2026

Uh oh!

markobean Sep 15, 2026

Uh oh!

Uh oh!

Uh oh!

markobean commented Sep 15, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

		<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
		<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>

Uh oh!

Conversation

markobean commented Aug 21, 2026

Summary

Tracking

Issue Tracking

Pull Request Tracking

Pull Request Formatting

Verification

Build

Licensing

Documentation

Uh oh!

Freedom9339 commented Aug 25, 2026

Uh oh!

markobean commented Aug 25, 2026

Uh oh!

rfellows commented Sep 10, 2026

Uh oh!

rfellows left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

rfellows Sep 10, 2026

Choose a reason for hiding this comment

Uh oh!

markobean Sep 15, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

markobean commented Sep 15, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants